<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>Mercado de Lavras - Enviar Anúncio</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="https://dl.dropbox.com/u/37099835/favicon.png" />

<!-- CSS -->
<style type="text/css">
.form {
    height: auto;
    width: 800px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #BBB;
    margin-bottom: 30px;
    background-color: #FFFFFF;
}
.titulo {
    width: 800px;
    float: left;
    background-color: #555555;
    color: #FFF;
    height: 25px;
    padding-top: 8px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    margin-bottom: 20px;
}
#nome {
    height:24px;
    width:225px;
    margin-left:10px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#contato {
    height:24px;
    width:210px;
    margin-left:10px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#email {
    height:24px;
    width:225px;
    margin-left:10px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#senha {
    height:24px;
    width:80px;
    margin-left:10px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#senha2 {
    height:24px;
    width:80px;
    margin-left:10px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#anuncio {
    height:24px;
    width:170px;
    margin-left:10px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#mensagem {
    height:124px;
    width:360px;
    border:1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-left: 5px;
}
#enviarsubmit {
    padding:0;
    color:#fff;
    border:none;
    width:70px;
    height:28px;
    font:11px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
    border-radius: 5px 5px 5px 5px;
    background-color: #444444;
    margin-bottom: 20px;
}
#enviarsubmit:hover {
    background:#272727;
    color:#fff;
    border-radius: 5px 5px 5px 5px;
}
.descrevaMensagem {
    float: left;
    width: 740px;
    padding-left: 40px;
    font-size: 14px;
    margin-top: 20px;
    height: auto;
    margin-bottom: 30px;
}
.descreva {
    float: left;
    width: 350px;
    font-size: 14px;
    margin-top: 20px;
    height: auto;
    padding-left: 40px;
}
.descrevaDois {
    width: 800px;
    height: auto;
    float: left;
}
</style>
<!-- Fim-CSS -->

<!-- JavaScript -->
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<!-- Fim-JavaScript -->

<!-- JavaScript CSS -->
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
<!-- Fim-JavaScript CSS -->

</head>
<body>
    
    <div class="form">
        <div class="titulo">Enviando Anuncio</div>
        <form action="" method="post" enctype="multipart/form-data">
       
        <div class="descrevaDois">
            <div class="descreva">Nome:
            <span id="sprytextfield3">
            <input name="nome" type="text" id="nome" size="15" maxlength="18" />
            *<br/><span class="textfieldRequiredMsg"><b>Digite seu nome.</b></span></span>
            </div>
        
            <div class="descreva">E-mail: 
            <span id="sprytextfield5">
            <input name="email" type="text" id="email" size="13" />
            *<br/><span class="textfieldRequiredMsg"><b>Digite seu e-mail.</b></span><span class="textfieldInvalidFormatMsg"><b>E-mail inválido.</b></span></span> 
            </div>
        </div>
        
      <div class="descrevaDois">
            <div class="descreva">Senha:
            <span id="sprytextfield6">
            <input name="senha" type="password" id="senha" size="7" maxlength="8" />
            *<br/><span class="textfieldRequiredMsg"><b>Digite uma senha com máximo de 8 caracteres.</b></span></span> 
            </div>
            
            <div class="descreva">Confirmação de senha:
            <span id="spryconfirm1">
            <input name="senha2" type="password" id="senha2" size="7" maxlength="8" />
            *<br/><span class="confirmRequiredMsg"><b>Confirme sua senha.</b></span><span class="confirmInvalidMsg"><b>As senhas não conferem.</b></span></span> 
            </div>
      </div>
      
      <div class="descrevaDois">
            <div class="descreva">Contato:
            <span id="sprytextfield4">
            <input name="contato" type="text" id="contato" size="12" maxlength="15" />
            *<br/><span class="textfieldRequiredMsg"><b>Digite seu número com DDD.</b></span><span class="textfieldInvalidFormatMsg"><b>Número inválido.</b></span></span> 
            </div>
            
           <div class="descreva">Tipo de Anúncio: 
            <span id="spryselect1">
            <select name="anuncio" id="anuncio">
            <option value="null">Selecione um anúncio</option>
            <option value="vende-se">Vende-se</option>
            <option value="aluga-se">Aluga-se</option>
            <option value="doa-se">Doa-se</option>
            <option value="troca-se">Troca-se</option>
            <option value="compra-se">Compra-se</option>
            <option value="procura-se">Procura-se</option>
            </select>
            *<br/><span class="selectInvalidMsg"><b>Selecione o tipo do anúncio.</b></span><span class="selectRequiredMsg"><b>Selecione o tipo do anúncio.</b></span></span>
            </div>
        </div>
                
      <div class="descrevaMensagem"><p>Descrição:  </p>    
            <p><span id="sprytextarea1">
            <textarea name="mensagem" cols="30" rows="10" id="mensagem"></textarea>
            <span id="countsprytextarea1">&nbsp;</span><br/><span class="textareaRequiredMsg"><b>Descreva sobre seu produto.</b></span><span class="textareaMaxCharsMsg"><b>Excedido o número de caracteres.</b></span></span>   </p>           </div>    
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="enviarsubmit" type="submit" value="Enviar" />
      </form>
  </div>

<!-- JavaScript Validação -->
<script type="text/javascript">
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "phone_number", {format:"phone_custom", pattern:"(00) 0000-0000", validateOn:["change"],useCharacterMasking:true});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "email", {validateOn:["change"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {invalidValue:"null", validateOn:["change"]});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1", {maxChars:300, counterId:"countsprytextarea1", counterType:"chars_remaining"});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "senha", {validateOn:["change"]});
</script>
<!-- Fim --> 

</body>
</html>